<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <title>数据操作——选择和删除</title>
    <link rel="stylesheet" href="./plugins/normalize.css">
    <link rel="stylesheet" href="./styles/index.css">
</head>
<body>
    <div class="btn-group">
        <button id="btnLoadData" type="button">加载数据</button>
        <button id="btnDelChecked" type="button">删除选中</button>
    </div>
    <table id="goodsInfo" class="table-goods-info">
        <thead>
            <th>
                <input id="ckbMainCtrl" type="checkbox" disabled>
            </th>
            <th>商品编号</th>
            <th>商品名称</th>
            <th>制造日期</th>
            <th>进货日期</th>
            <th>保质期</th>
            <th>零售价</th>
            <th>操作</th>
        </thead>
        <tbody></tbody>
    </table>
    <script src="./data/table-data.js"></script>
    <script src="./scripts/index.js"></script>
</body>
</html>